<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // 都是在document

        // getElementsByTagName()   通过标签名,根据标签名获取元素节点，这个方法会给我们返回一个类数组对象，所有查询到的元素都会封装到对象中
        // document.getElementById   通过id名称
        // document.getElementsByClassName   通过元素类名
        // getElementsByName 通过name属性




        // innerHTML用于获取元素内部的HTML代码
        // 对于自结束标签，这个属性没有意义


        // 如果需要读取元素节点属性
        // 直接使用    元素.属性名
        // 例子：元素.id 元素.name  元素.value
        // 注意：class属性不能采用这种方式
        // 读取class属性时需要使用元素.className

        // document.childNodes属性会获取包括文本节点在内的所有节点
        // DOM标签下的空白也会被当作文本节点
        // IE8不会将空白当作文本节点

        // children属性只会获取当前元素的所有子元素
        // document.firstChil只会获取当前元素的第一个子节点（包括空白）

        // document.firstElementChild获取当前元素的第一个子元素
        // 但是IE8不支持
    </script>
</head>

<body>
    <div>
        男<input type="radio" value="男"> 女
        <input type="radio" value="女">
    </div>

</body>

</html>